import { createApp } from "vue";
import App from "./App.vue";
const app = createApp(App); //创建一个项目
import router from "./router";
import store from "./store";

//导入区局的css样式文件
import "./assets/reset.css"; 

//阿里图标库样式
import "./assets/image/aliFont/iconfont.css"
import "./assets/image/aliFont/./iconfont.js"
 

//使用饿了么框架
import ElementPlus from "element-plus";
import "element-plus/lib/theme-chalk/index.css";
app.use(ElementPlus);

import dayjs from "dayjs"
app.config.globalProperties.$formatDate = dayjs;
//做适配
import "amfe-flexible";
import path from "./path/path.js";
app.config.globalProperties.$path = path;

// //全局属性
// import state from "./state.js";
// app.config.globalProperties.$state = state;

//使用axios
import Axios from "./axios";
app.config.globalProperties.$axios = Axios;

 
//挂载qs
import qs from "qs";
app.config.globalProperties.qs = qs;

app.config.devtools = true
 
import Clipboard from 'clipboard'; 
app.config.globalProperties.Clipboard=Clipboard;

 
import "vant/lib/index"
 import {
   Swipe,
   SwipeItem,
   Lazyload,
   Icon,
   Area,
   Popup,
   Field,
   Uploader,
   ImagePreview,
   RadioGroup, 
   Radio,
   Search,
   Collapse, 
   CollapseItem,
   NavBar,
   Tab, 
   Tabs,
   List,
   Cell,
   CellGroup,
   DatetimePicker,
   Picker,
   Tag,
   Pagination ,
   Checkbox,
   CheckboxGroup ,
   ContactCard,
   Sticky,
   Empty,
   AddressEdit ,
   Calendar,
   Col, 
   Row, 
   Overlay, 
   Form,
   Divider ,
   Button,
   Card ,
   ActionBar, 
   ActionBarIcon, 
   ActionBarButton,
   Badge,
   ActionSheet,
   SubmitBar,
   Loading,
   TabbarItem, 
   Tabbar,
   Stepper,
   PullRefresh , 
   SwipeCell,
   Skeleton,
   ShareSheet,
  Grid, 
  GridItem,
  Dialog    
    
  


 } from "vant";
 
 app
   .use(Swipe)
   .use(SwipeItem)
   .use(Icon)
   .use(Area)
   .use(Popup)
   .use(Field)
   .use(ImagePreview)
   .use(Uploader)
   .use(Radio)
   .use(Search)
   .use(Tab)
   .use(Tabs)
   .use(RadioGroup)
   .use(Collapse)
   .use(CollapseItem)
   .use(NavBar)
   .use(List)
   .use(Cell)
   .use(CellGroup)
   .use(DatetimePicker)
   .use(Picker)
   .use(Tag)
   .use(Pagination)
   .use(Checkbox)
   .use(CheckboxGroup)
   .use(ContactCard )
   .use(Sticky)
   .use(Empty)
   .use(AddressEdit)
   .use(Calendar )
   .use( Col)
   .use( Row)
   .use( Overlay)
   .use( Form)
   .use( Divider )
   .use( Button )
   .use( Card  )
   .use(ActionBar)
  .use(ActionBarIcon)
 .use(ActionBarButton)
 .use(ActionSheet  )
 .use(Badge )
 .use(SubmitBar)
 .use(Loading)
 .use(TabbarItem)
 .use(Tabbar)
 .use(Stepper)
 .use(PullRefresh )
 .use(SwipeCell)
 .use(Skeleton )
 .use(ShareSheet  )
 .use( Grid)
 .use( GridItem)
 .use( Dialog)
 

 
   
   app.use(Lazyload, {
   loading: require("./assets/loading.gif"),
   error: require("./assets/err.jpg"),
 });
 

 import { Image as VanImage } from 'vant';
 app.use(VanImage);

 app
  .use(store)
  .use(router)
  .mount("#app");
 
